// 通过ajax从后台拿数据
function send() {
    // 1、创建XMLHttpRequest
    let xhr = new XMLHttpRequest();
    //2、绑定函数
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 两个条件成立，代表请求成功
            // 5、处理数据
            console.log(xhr.responseText)
            addItems(JSON.parse(xhr.responseText))
        }
    }
    // 3、使用open方法建立与服务器的连接
    xhr.open("get","http://47.108.13.41:8080/weapon-sys/query", true)
    // 4、向服务端发送数据
    xhr.send()
}

// 通过jquery从后台拿数据
function sendByJquery() {
    $.get("http://47.108.13.41:8080/weapon-sys/query",
        function (data,status) {
            if (status === 'success') {
                addItems(data)
            }
        })
}

// 将数据解析成浏览器代码
function addItems(list) {
    let content = document.getElementById("content");
    let html = ""
    for (let i = 0; i < list.length; i++) {
        let item = list[i];
        let strTemplate = `
          <div class="item">
                <img src="item-img.jpg" height="160px" width="160px"/>
                <br>
                <span>${item.name}</span>
                <br>
                <span>${item.remake}</span>
            </div>
          `;
        html += strTemplate;
    }
    content.innerHTML=html
}



sendByJquery()

